<template>
<div>
  <div class="container">
  <p>小手一牵</p>
  <p>&nbsp;&nbsp;&nbsp;&nbsp; 岁岁年年</p>
  <p>近朱者赤，近你者甜</p>
  <!-- <p>来开启我们的<span class="bg2">未来</span></p> -->
  <p>你很可爱，我可爱你！</p>
  <p>年年暴富，年年抱我🤤</p>
  <img class="airBall_1" src="../assets/airBall_1.png" alt="">
  <img class="heart_2" src="../assets/heart_2.png" alt="">
  <img class="xi" src="../assets/xi.jpg" alt="">
  <img @click="fire" class="tang" src="../assets/tang_1.png" alt="">
  <iframe id="iframe" :src='src' frameborder="0"></iframe>
  </div>

</div>
</template>

<script>
export default {
  data () {
    return {
      show1: '',
      src: ''
    }
  },
  methods: {
    fire () {
      this.show1 = window.location.search
      this.src = '../../public/tmttiger/index.html'
      // window.open('./tmttiger/index.html')
      console.log('11111 -----> ', 11111)
    }
  }
}
</script>

<style>
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#iframe{
  position: fixed;
  width: 100vw;
  height:100vh;
  z-index: 999;
}
.bg1{
  background: pink 10px;

}
.bg2{
  background: yellow 10px;

}
.container{
margin-left: 15vw;
  margin-top: 10vh;
  height:80vh;
  /* background-color: pink; */
/* display: flex;
flex:content;
align-content: center; */
/* justify-content: center; */
}

p{
  text-align: left;
height: 19%;
font-size: 68px;
}
.airBall_1{
  position: fixed;
  left: 0;
  top: 124px;
}
.heart_2{
  position: fixed;
  top: 100px;
  right: 200px;
  transform:rotateY(-180deg);
}
.xi{
  width:250px;
  /* height:100px; */
  position: fixed;
  top: 10px;
  right: 500px;
  transform: rotate(-90deg)
  /* transform:rotate(-90deg); */
}
.tang{
  position: fixed;
  bottom: 160px;
  right: 250px;
  width:100px
}
</style>
